<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>订单管理</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <div th:replace="~{BackEnd/navigation::Favicon}"></div>

</head>

<body class="skin-dark">

<div class="main-wrapper">

    <!-- 头文开始 -->
    <div th:replace="~{BackEnd/navigation::Header}"></div>
    <!-- 头文结束 -->

    <!-- 侧边导航栏开始 -->
    <div th:replace="~{BackEnd/navigation::Topbbar}"></div>
    <!-- 侧边导航栏结束 -->

    <!-- 正文开始 -->
    <div class="content-body">

        <!-- Page Headings Start -->
        <div class="row justify-content-between align-items-center mb-10">

            <!-- Page Heading Start -->
            <div class="col-12 col-lg-auto mb-20">
                <div class="page-heading">
                    <h3>订单管理 <span>/ 订单列表</span></h3>
                </div>
            </div><!-- Page Heading End -->

        </div><!-- Page Headings End -->

        <div class="row">

            <!--Order List Start-->
            <div class="col-12">
                <div class="table-responsive">
                    <table class="table table-vertical-middle">
                        <thead>
                        <tr>
                            <th>订单编号</th>
                            <th>顾客</th>
                            <th>照片</th>
                            <th>产品名称</th>
                            <th>价格</th>
                            <th>数量</th>
                            <th>支付时间</th>
                            <th>状态</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>#MSP40022</td>
                            <td>Sean Oliver</td>
                            <td><img src="assets/images/product/list-product-1.jpg" alt="" class="product-image rounded-circle"></td>
                            <td><a href="#">Spro 4 Laptop</a></td>
                            <td>$600.00</td>
                            <td>03 pyc</td>
                            <td>13 Feb 2018</td>
                            <td><span class="badge badge-danger">Due</span></td>
                            <td class="action h4">
                                <div class="table-action-buttons">
                                    <a class="view button button-box button-xs button-primary" href="order-details.html"><i class="zmdi zmdi-more"></i></a>
                                    <a class="edit button button-box button-xs button-info" href="#"><i class="zmdi zmdi-edit"></i></a>
                                    <a class="delete button button-box button-xs button-danger" href="#"><i class="zmdi zmdi-delete"></i></a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>#MSP40023</td>
                            <td>Blanka Mokroš</td>
                            <td><img src="assets/images/product/list-product-2.jpg" alt="" class="product-image rounded-circle"></td>
                            <td><a href="#">Spro 4 Laptop</a></td>
                            <td>$600.00</td>
                            <td>03 pyc</td>
                            <td>13 Feb 2018</td>
                            <td><span class="badge badge-success">Paid</span></td>
                            <td class="action h4">
                                <div class="table-action-buttons">
                                    <a class="view button button-box button-xs button-primary" href="order-details.html"><i class="zmdi zmdi-more"></i></a>
                                    <a class="edit button button-box button-xs button-info" href="#"><i class="zmdi zmdi-edit"></i></a>
                                    <a class="delete button button-box button-xs button-danger" href="#"><i class="zmdi zmdi-delete"></i></a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>#MSP40024</td>
                            <td>Rostás Linda</td>
                            <td><img src="assets/images/product/list-product-3.jpg" alt="" class="product-image rounded-circle"></td>
                            <td><a href="#">Spro 4 Laptop</a></td>
                            <td>$600.00</td>
                            <td>03 pyc</td>
                            <td>13 Feb 2018</td>
                            <td><span class="badge badge-danger">Due</span></td>
                            <td class="action h4">
                                <div class="table-action-buttons">
                                    <a class="view button button-box button-xs button-primary" href="order-details.html"><i class="zmdi zmdi-more"></i></a>
                                    <a class="edit button button-box button-xs button-info" href="#"><i class="zmdi zmdi-edit"></i></a>
                                    <a class="delete button button-box button-xs button-danger" href="#"><i class="zmdi zmdi-delete"></i></a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>#MSP40025</td>
                            <td>Jana Valenta</td>
                            <td><img src="assets/images/product/list-product-4.jpg" alt="" class="product-image rounded-circle"></td>
                            <td><a href="#">Spro 4 Laptop</a></td>
                            <td>$600.00</td>
                            <td>03 pyc</td>
                            <td>13 Feb 2018</td>
                            <td><span class="badge badge-success">Paid</span></td>
                            <td class="action h4">
                                <div class="table-action-buttons">
                                    <a class="view button button-box button-xs button-primary" href="order-details.html"><i class="zmdi zmdi-more"></i></a>
                                    <a class="edit button button-box button-xs button-info" href="#"><i class="zmdi zmdi-edit"></i></a>
                                    <a class="delete button button-box button-xs button-danger" href="#"><i class="zmdi zmdi-delete"></i></a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>#MSP40026</td>
                            <td>Tiêu Bích</td>
                            <td><img src="assets/images/product/list-product-5.jpg" alt="" class="product-image rounded-circle"></td>
                            <td><a href="#">Spro 4 Laptop</a></td>
                            <td>$600.00</td>
                            <td>03 pyc</td>
                            <td>13 Feb 2018</td>
                            <td><span class="badge badge-success">Paid</span></td>
                            <td class="action h4">
                                <div class="table-action-buttons">
                                    <a class="view button button-box button-xs button-primary" th:href="@{/invoice}"><i class="zmdi zmdi-more"></i></a>
                                    <a class="edit button button-box button-xs button-info" href="#"><i class="zmdi zmdi-edit"></i></a>
                                    <a class="delete button button-box button-xs button-danger" href="#"><i class="zmdi zmdi-delete"></i></a>
                                </div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <!--Order List End-->

        </div>

    </div>
    <!-- 正文结束 -->

<!--    页脚-->
    <div th:replace="~{BackEnd/navigation::Footer}"></div>
</div>

<div th:replace="~{BackEnd/navigation::Jsp}"></div>

</body>
</html>